<%--
  Created by IntelliJ IDEA.
  User: 95126
  Date: 2021/4/29
  Time: 8:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="../imgs/css/bootstrap.min.css">
    <link rel="stylesheet" href="../imgs/css/all.min.css">
    <link rel="stylesheet" href="../imgs/css/animate.css">
    <link rel="stylesheet" href="../imgs/css/flaticon.css">
    <link rel="stylesheet" href="../imgs/css/magnific-popup.css">
    <link rel="stylesheet" href="../imgs/css/odometer.css">
    <link rel="stylesheet" href="../imgs/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../imgs/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="../imgs/css/nice-select.css">
    <link rel="stylesheet" href="../imgs/css/main.css">

    <link rel="shortcut icon" href="../imgs/images/favicon.png" type="image/x-icon">

    <title>Boleto  - Online Ticket Booking Website HTML Template</title>


</head>

<body>
<!-- ==========Preloader========== -->
<div class="preloader">
    <div class="preloader-inner">
        <div class="preloader-icon">
            <span></span>
            <span></span>
        </div>
    </div>
</div>
<!-- ==========Preloader========== -->
<!-- ==========Overlay========== -->
<div class="overlay"></div>
<a href="#0" class="scrollToTop">
    <i class="fas fa-angle-up"></i>
</a>
<!-- ==========Overlay========== -->

<!-- ==========Header-Section========== -->
<header class="header-section">
    <div class="container">
        <div class="header-wrapper">
            <div class="logo">
                <a href="index.html">
                    <img src="../imgs/images/logo/logo.png" alt="logo">
                </a>
            </div>
            <ul class="menu">
                <li>
                    <a href="#0">首页</a>
                    <ul class="submenu">
                        <li>
                            <a href="index.html">首页 One</a>
                        </li>
                        <li>
                            <a href="index-2.html">首页 Two</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0">电影</a>
                    <ul class="submenu">
                        <li>
                            <a href="movie-grid.html">电影网</a>
                        </li>
                        <li>
                            <a href="movie-list.html">电影列表</a>
                        </li>
                        <li>
                            <a href="movie-details.html">电影详细资料</a>
                        </li>
                        <li>
                            <a href="movie-details-2.html">电影详细资料 2</a>
                        </li>
                        <li>
                            <a href="movie-ticket-plan.html">电影上映计划</a>
                        </li>
                        <li>
                            <a href="movie-seat-plan.html">电影选票</a>
                        </li>
                        <li>
                            <a href="movie-checkout.html">影票支付</a>
                        </li>
                        <li>
                            <a href="popcorn.html">影院餐食</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0">线下活动</a>
                    <ul class="submenu">
                        <li>
                            <a href="events.html">线下活动</a>
                        </li>
                        <li>
                            <a href="event-details.html">活动细节</a>
                        </li>
                        <li>
                            <a href="event-speaker.html">活动发言人</a>
                        </li>
                        <li>
                            <a href="event-ticket.html">购票</a>
                        </li>
                        <li>
                            <a href="event-checkout.html">支付</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0" class="active">体育运动</a>
                    <ul class="submenu">
                        <li>
                            <a href="sports.html">体育运动</a>
                        </li>
                        <li>
                            <a href="sport-details.html">赛事简介</a>
                        </li>
                        <li>
                            <a href="#0" class="active">赛事购票</a>
                        </li>
                        <li>
                            <a href="sports-checkout.html">支付</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0">pages</a>
                    <ul class="submenu">
                        <li>
                            <a href="about.html">关于我们</a>
                        </li>
                        <li>
                            <a href="apps-download.html">App下载</a>
                        </li>
                        <li>
                            <a href="sign-in.html">登录</a>
                        </li>
                        <li>
                            <a href="sign-up.html">报名</a>
                        </li>
                        <li>
                            <a href="404.html">404</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0">博客</a>
                    <ul class="submenu">
                        <li>
                            <a href="blog.html">博客</a>
                        </li>
                        <li>
                            <a href="blog-details.html">博客单</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="contact.html">联系我们</a>
                </li>
                <li class="header-button pr-0">
                    <a href="sign-up.html">加入我们</a>
                </li>
            </ul>
            <div class="header-bar d-lg-none">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
</header>
<!-- ==========Header-Section========== -->

<!-- ==========Banner-Section========== -->
<section class="details-banner event-details-banner hero-area bg_img seat-plan-banner" data-background="../imgs/images/banner/banner07.jpg">
    <div class="container">
        <div class="details-banner-wrapper">
            <div class="details-banner-content style-two">
                <h3 class="title"><span class="d-block">数字营销</span>
                    <span class="d-block">2020年会议</span></h3>
                <div class="tags">
                    <span>纽约州阿斯托里亚市南谢尔曼街17号，邮编：11106</span>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Banner-Section========== -->

<!-- ==========Page-Title========== -->
<section class="page-title bg-one">
    <div class="container">
        <div class="page-title-area">
            <div class="item md-order-1">
                <a href="movie-ticket-plan.html" class="custom-button back-button">
                    <i class="flaticon-double-right-arrows-angles"></i>返回
                </a>
            </div>
            <div class="item date-item">
                <span class="date">2020年9月9日，星期一</span>
            </div>
            <div class="item">
                <h5 class="title">05:00</h5>
                <p>还剩15分钟</p>
            </div>
        </div>
    </div>
</section>
<!-- ==========Page-Title========== -->

<!-- ==========Event-Section========== -->
<div class="event-facility padding-bottom padding-top">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="checkout-widget d-flex flex-wrap align-items-center justify-cotent-between">
                    <div class="title-area">
                        <h5 class="title">已经是博莱托会员了？</h5>
                        <p>登录以赢取积分并简化预订！</p>
                    </div>
                    <a href="#0" class="sign-in-area">
                        <i class="fas fa-user"></i><span>登录</span>
                    </a>
                </div>
                <div class="checkout-widget checkout-contact">
                    <h5 class="title">分享您的联系方式 </h5>
                    <form class="checkout-contact-form">
                        <div class="form-group">
                            <input type="text" placeholder="Full Name">
                        </div>
                        <div class="form-group">
                            <input type="text" placeholder="Enter your Mail">
                        </div>
                        <div class="form-group">
                            <input type="text" placeholder="Enter your Phone Number ">
                        </div>
                        <div class="form-group">
                            <input type="submit" value="Continue" class="custom-button">
                        </div>
                    </form>
                </div>
                <div class="checkout-widget checkout-contact">
                    <h5 class="title">去拿你的票</h5>
                    <div class="ticket--area row justify-content-center">
                        <div class="col-sm-6 col-md-4">
                            <div class="ticket-item">
                                <div class="ticket-thumb">
                                    <img src="../imgs/images/event/ticket/ticket01.png" alt="event">
                                </div>
                                <div class="ticket-content">
                                    <span class="ticket-title">标准股票t</span>
                                    <h2 class="amount"><sup>$</sup>49</h2>
                                    <a href="#0" class="t-button">
                                        <i class="fas fa-plus"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-4">
                            <div class="ticket-item two">
                                <div class="hot">
                                    <span>hot</span>
                                </div>
                                <div class="ticket-thumb">
                                    <img src="../imgs/images/event/ticket/ticket02.png" alt="event">
                                </div>
                                <div class="ticket-content">
                                    <span class="ticket-title">特价票</span>
                                    <h2 class="amount"><sup>$</sup>79</h2>
                                    <a href="#0" class="t-button">
                                        <i class="fas fa-check"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-4">
                            <div class="ticket-item three">
                                <div class="ticket-thumb">
                                    <img src="../imgs/images/event/ticket/ticket03.png" alt="event">
                                </div>
                                <div class="ticket-content">
                                    <span class="ticket-title">贵宾票</span>
                                    <h2 class="amount"><sup>$</sup>99</h2>
                                    <a href="#0" class="t-button">
                                        <i class="fas fa-plus"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mb-30-none">
                        <div class="col-md-6 col-xl-5">
                            <form class="cart-button event-cart">
                                <span class="d-inline-block">座位数 : </span>
                                <div class="cart-plus-minus"><div class="dec qtybutton">-</div>
                                    <input class="cart-plus-minus-box" type="text" name="qtybutton" value="2">
                                    <div class="inc qtybutton">+</div></div>
                            </form>
                        </div>
                        <div class="col-md-6 col-xl-7">
                            <form class="checkout-contact-form mb-0">
                                <div class="form-group">
                                    <input type="text" placeholder="Please enter promo code">
                                </div>
                                <div class="form-group">
                                    <input type="submit" value="Verify" class="custom-button">
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="checkout-widget checkout-card mb-0">
                    <h5 class="title">付款选择权 </h5>
                    <ul class="payment-option">
                        <li class="active">
                            <a href="#0">
                                <img src="../imgs/images/payment/card.png" alt="payment">
                                <span>信用卡</span>
                            </a>
                        </li>
                        <li>
                            <a href="#0">
                                <img src="../imgs/images/payment/card.png" alt="payment">
                                <span>借记卡</span>
                            </a>
                        </li>
                        <li>
                            <a href="#0">
                                <img src="../imgs/images/payment/paypal.png" alt="payment">
                                <span>支付宝</span>
                            </a>
                        </li>
                    </ul>
                    <h6 class="subtitle">输入您的卡详细信息 </h6>
                    <form class="payment-card-form">
                        <div class="form-group w-100">
                            <label for="card1">卡片详细信息</label>
                            <input type="text" id="card1">
                            <div class="right-icon">
                                <i class="flaticon-lock"></i>
                            </div>
                        </div>
                        <div class="form-group w-100">
                            <label for="card2"> 卡片上的名字</label>
                            <input type="text" id="card2">
                        </div>
                        <div class="form-group">
                            <label for="card3">到期</label>
                            <input type="text" id="card3" placeholder="MM/YY">
                        </div>
                        <div class="form-group">
                            <label for="card4">CVV</label>
                            <input type="text" id="card4" placeholder="CVV">
                        </div>
                        <div class="form-group check-group">
                            <input id="card5" type="checkbox" checked>
                            <label for="card5">
                                <span class="title">快速支付</span>
                                <span class="info">将此卡信息保存到我的Boleto帐户，以便更快地付款。</span>
                            </label>
                        </div>
                        <div class="form-group">
                            <input type="submit" class="custom-button" value="make payment">
                        </div>
                    </form>
                    <p class="notice">
                        点击“付款”即表示您同意 <a href="#0">terms and conditions</a>
                    </p>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="booking-summery bg-one">
                    <h4 class="title">预订总结</h4>
                    <ul>
                        <li>
                            <h6 class="subtitle">维纳斯</h6>
                            <span class="info">英语-2d</span>
                        </li>
                        <li>
                            <h6 class="subtitle"><span>城市步行</span><span>02</span></h6>
                            <div class="info"><span>10 SEP TUE, 11:00 PM</span> <span>售票处</span></div>
                        </li>
                        <li>
                            <h6 class="subtitle mb-0"><span>门票价格</span><span>$150</span></h6>
                        </li>
                    </ul>
                    <ul class="side-shape">
                        <li>
                            <h6 class="subtitle"><span>连击</span><span>$57</span></h6>
                            <span class="info"><span>2玉米片套餐</span></span>
                        </li>
                        <li>
                            <h6 class="subtitle"><span>食物和饮料</span></h6>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <span class="info"><span>价格</span><span>$207</span></span>
                            <span class="info"><span>大桶</span><span>$15</span></span>
                        </li>
                    </ul>
                </div>
                <div class="proceed-area  text-center">
                    <h6 class="subtitle"><span>应付金额</span><span>$222</span></h6>
                    <a href="#0" class="custom-button back-button">继续</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ==========Event-Section========== -->

<!-- ==========Newslater-Section========== -->
<footer class="footer-section">
    <div class="newslater-section padding-bottom">
        <div class="container">
            <div class="newslater-container bg_img" data-background="../imgs/images/newslater/newslater-bg01.jpg">
                <div class="newslater-wrapper">
                    <h5 class="cate">订阅Boleto </h5>
                    <h3 class="title">获得独家利益</h3>
                    <form class="newslater-form">
                        <input type="text" placeholder="Your Email Address">
                        <button type="submit">订阅</button>
                    </form>
                    <p>我们尊重您的隐私，因此从不共享您的信息</p>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="footer-top">
            <div class="logo">
                <a href="index-1.html">
                    <img src="../imgs/images/footer/footer-logo.png" alt="footer">
                </a>
            </div>
            <ul class="social-icons">
                <li>
                    <a href="#0">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                </li>
                <li>
                    <a href="#0" class="active">
                        <i class="fab fa-twitter"></i>
                    </a>
                </li>
                <li>
                    <a href="#0">
                        <i class="fab fa-pinterest-p"></i>
                    </a>
                </li>
                <li>
                    <a href="#0">
                        <i class="fab fa-google"></i>
                    </a>
                </li>
                <li>
                    <a href="#0">
                        <i class="fab fa-instagram"></i>
                    </a>
                </li>
            </ul>
        </div>
        <div class="footer-bottom">
            <div class="footer-bottom-area">
                <div class="left">
                    <p>Copyright © 2020.All Rights Reserved By <a href="http://www.bootstrapmb.com/">Boleto </a></p>
                </div>
                <ul class="links">
                    <li>
                        <a href="#0">关于</a>
                    </li>
                    <li>
                        <a href="#0">使用条款</a>
                    </li>
                    <li>
                        <a href="#0">隐私政策</a>
                    </li>
                    <li>
                        <a href="#0">常见问题解答</a>
                    </li>
                    <li>
                        <a href="#0">反馈</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</footer>
<!-- ==========Newslater-Section========== -->


<script src="../imgs/js/jquery-3.3.1.min.js"></script>
<script src="../imgs/js/modernizr-3.6.0.min.js"></script>
<script src="../imgs/js/plugins.js"></script>
<script src="../imgs/js/bootstrap.min.js"></script>
<script src="../imgs/js/isotope.pkgd.min.js"></script>
<script src="../imgs/js/magnific-popup.min.js"></script>
<script src="../imgs/js/owl.carousel.min.js"></script>
<script src="../imgs/js/wow.min.js"></script>
<script src="../imgs/js/countdown.min.js"></script>
<script src="../imgs/js/odometer.min.js"></script>
<script src="../imgs/js/viewport.jquery.js"></script>
<script src="../imgs/js/nice-select.js"></script>
<script src="../imgs/js/main.js"></script>
</body>

</html>
